<template>
  <x-dialog class="modal-dialog" :show="show">
    <slot class="default">
      <h3 class="hint-title">支付成功</h3>
      <p class="hint-txt">恭喜您，付款成功，请注意拿好您的钥匙尽快入住</p>
      <ul class="hint-content">
        <!-- <li>交易时间<span class="fr">{{new Date().getFullyE}}</span></li>
        <li>支付方式<span class="fr">{{'微信支付'}}</span></li>
        <li>交易单号<span class="fr">{{'SESIGN28675430926'}}</span></li> -->
      </ul>
      <!-- <x-button class="btn" type="primary" @click.native="hintDialog = false">我的合同</x-button> -->
      <i class="close-x" @click="show = false"></i>
    </slot>
  </x-dialog>
</template>
<style lang="less">
  .modal-dialog {
    .weui-dialog {
      width: 14.8rem;
      box-sizing: border-box;
      overflow: visible;
      padding: 0 .75rem;
      .hint-title {
        font-size: 21px;
        margin-top: 1.45rem;
      }
      .hint-txt {
        font-size: 15px;
        margin: .2rem 0 .55rem 0;
      }
      li {
        width: 100%;
        font-size: 13px;
        text-align: left;
        color: #777777;
        height: 24px;
        // line-height: 24px;
        .fr {
          float: right;
        }
      }
      .btn {
        background-color:#ff9600;
        margin: 0;
        padding: 0;
        margin-top: .75rem;
        margin-bottom: .75rem;
        width: 13.3rem;
        border-radius: 3px;
      }
    }
  }
</style>
<script>
  export default {
    data () {
      return {
        show: true
      }
    }
  }
</script>
